<template>
	<!-- 直播课堂首页 -->
  <div class="streamingHome" id="streamingHome">
    <Header></Header>
    <!--本来应该是导航，（方便全局替换）-->
    <!-- <HHeader></HHeader> -->
		<div class="ster_line"></div>
		<div class="streamingHome_banner">
			<img src="@/static/zbsy/zbbj7.png" alt="">
		</div>
		<div class="mostreamingHome_banner">
			<img src="https://uniappfile.bosihw.cn/Res/BosihuiwenRes/yyqklm/zbsy/zb7mo.png" alt="">
		</div>
		<div class="streamingHome_conta">
			<img class="streamingHome_conta_img" src="@/static/zbsy/yddbj/1.png" alt="">
			<div class="streamingHome_conta_body">
				<div class="streamingHome_conta_body_tit">
					科研学术论文写作研修班
				</div>
			
				<div class="streamingHome_conta_body_listB mostrming">
					<ul style="display: flex;">
						<li>
							<div class="streamingHome_conta_body_list_top">
								<p>精品课程</p>
								<p>
									<span>骨科</span>
									<span>心血管</span>
									<span>磁共振</span>
									<span>大脑</span>
								</p>
							</div>
							<div class="streamingHome_conta_body_list_bottom">
								<ul style="height:222px">
									<li>
										<i></i>
										<span>期刊审稿专家编委亲自授课</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>授人以渔亦授人以鱼</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>大课传授方法，1v1直击痛点</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>课后资深专家指导修改</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>精准拔高文章质量</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>打铁还需自身硬，从此发文不求人</span>
										<div style="clear:both;"></div>
									</li>
								</ul> 
								<div class="streamingHome_conta_body_list_bottom_detail" @click="tostreHomelist(2)">了解详情</div>  
							</div>
						</li>
						<li>
							<div class="streamingHome_conta_body_list_top">
								<p>1V1课程</p>
								<p>
									<span>专家</span>
									<span>杂志</span>
									<span>方法</span>
								</p>
							</div>
							<div class="streamingHome_conta_body_list_bottom">
								<ul style="height:222px">
									<li>
										<i></i>
										<span>个性化指导文章内容 充分解析文章痛点</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>专业化把握科研动态 确保达到刊发标准</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>差异化适配辅导专家 完全贴合自身需求</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>灵活化调整授课时间 无需打乱生活节奏</span>
										<div style="clear:both;"></div>
									</li>
								</ul> 
								<div class="streamingHome_conta_body_list_bottom_detail" @click="tostreHomelist(3)">了解详情</div>  
							</div>
						</li>
						<li>
							<div class="streamingHome_conta_body_list_top">
								<p>预备课程</p>
								<p>
									<span>观察性研究设计</span>
									<span>诊断性研究</span>
								</p>
							</div>
							<div class="streamingHome_conta_body_list_bottom">
								<ul style="height:238px">
									<li>
										<i></i>
										<span>听课送会员 享受VIP六大权益</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>青铜变王者 发表文章从这里开始</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>期刊主任亲自授课掌握选刊技巧</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>专家直播授课身临其境气氛热烈</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>紧跟一对一专家指导 平台为您保驾护航</span>
										<div style="clear:both;"></div>
									</li>
								</ul> 
								<div class="streamingHome_conta_body_list_bottom_detail" @click="tostreHomelist(4)">了解详情</div>  
							</div>
						</li>
						<li>
							<div class="streamingHome_conta_body_list_top">
								<p>速成班</p>
								<p>
									<span>速成</span>
									<span>12课时</span>
									<span>期刊主任亲授</span>
								</p>
							</div>
							<div class="streamingHome_conta_body_list_bottom">
								<ul style="height:238px">
									<li>
										<i></i>
										<span>听课送会员，享受VIP六大权益</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>参课获得国家级I类继续教育学分</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>审稿专家授课，直击写作痛点</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>期刊主任亲授，掌握投稿技巧</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>12课时浓缩，精准高效实用</span>
										<div style="clear:both;"></div>
									</li>
									<li>
										<i></i>
										<span>后期跟踪服务，解决课程疑虑</span>
										<div style="clear:both;"></div>
									</li>
								</ul> 
								<div class="streamingHome_conta_body_list_bottom_detail" @click="tostreHomelist(5)">了解详情</div>  
							</div>
						</li>
						<li>
							<div class="streamingHome_conta_body_list_top">
								<p>SCI课程</p>
								<p>
									<span>SCI</span>
									<span>文献检索</span>
									<span>研究设计</span>
								</p>
							</div>
							<div class="streamingHome_conta_body_list_bottom">
								<ul style="height:258px">
									<li>
										<i></i>
										<span>掌握结构化 SCI 论文认知，带你建立学术论文的架构</span>
										<div style="clear:both"></div>
									</li>
									<li>
										<i></i>
										<span>认清 SCI 论文写作的难点，剖析并传授解决之道</span>
										<div style="clear:both"></div>
									</li>
									<li>
										<i></i>
										<span>建立写作思维模式，让你了解国际审稿人的审稿思维</span>
										<div style="clear:both"></div>
									</li>
									<li>
										<i></i>
										<span>获取大量改写技巧，开拓 SCI 论文成功新捷径</span>
										<div style="clear:both"></div>
									</li>
									<li>
										<i></i>
										<span>与审稿专家面对面交流，快速掌握论文写作技巧</span>
										<div style="clear:both"></div>
									</li>
								</ul> 
								<div class="streamingHome_conta_body_list_bottom_detail" @click="tostreHomelist(6)">了解详情</div>  
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="streamingHome_contb">
			<img class="streamingHome_contb_img" src="https://uniappfile.bosihw.cn/Res/BosihuiwenRes/yyqklm/zbsy/h5bg/2.png" alt="">
			<div class="streamingHome_contb_body">
				<div class="streamingHome_contb_body_tit">
					课程精彩回放
				</div>
				<div class="streamingHome_contb_body_listB mostrming">
					<div class="streamingHome_contb_body_list_top">
						<div class="streamingHome_contb_body_list_top_image" @click="tomenuovolist()">
							<img src="https://uniappfile.bosihw.cn/Res/BosihuiwenRes/yyqklm/zb/1v1.png" style="height: 200rpx;" alt="">
							<div class="streamingHome_contb_body_list_top_image_cover_middle">
								<i class="iconfont icon-shipin"></i>
								<span>试看5分钟</span>
							</div>
						</div>
						<div class="streamingHome_contb_body_list_top_image" @click="scitomehuifa()">
							<img src="https://uniappfile.bosihw.cn/Res/BosihuiwenRes/yyqklm/zb/yxlwt.png"  style="height: 200rpx;" alt="">
							<div class="streamingHome_contb_body_list_top_image_cover_middle">
								<i class="iconfont icon-shipin"></i>
								<span>试看5分钟</span>
							</div>
						</div>
						<div style="clear:both"></div>
					</div>
					<div class="streamingHome_contb_body_list_bottom">
						<ul>
							<li v-for="(item,index) in videolist" :key="index" @click="tomenuhuifahome(item,index)">
								<span>
									<i class="iconfont icon-zhibo"></i>
									<span>{{item.Title}}</span>
								</span>
							</li>
							<div style="clear:both;"></div>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="streamingHome_contc">
			<img class="streamingHome_contc_img" src="https://uniappfile.bosihw.cn/Res/BosihuiwenRes/yyqklm/zbsy/h5bg/3.png" alt="">
			<div class="streamingHome_contc_body">
				<div class="streamingHome_contc_body_tit">
					为什么选择在线一对一辅导
				</div>
				<div class="streamingHome_contc_body_list">
					<ul>
						<li class="body_lista">
							<div style="background:linear-gradient(0deg,rgba(234,22,38,1),rgba(253,105,113,1))">
								<i class="iconfont icon-huihua"></i>
							</div>
							<p>个性定制直击痛点</p>
							<p>1对1在线直播教学，根据文章着重讲解</p>
						</li>
						<li class="body_listb">
							<div style="background:linear-gradient(0deg,rgba(46,111,247,1),rgba(112,180,253,1));">
								<i class="iconfont icon-shijian_o" style="font-size: 30px;margin-left: 8px;line-height: 47px;"></i>
							</div>
							<p>节省时间事半功倍</p>
							<p>减少文章修改次数，靶向拔高文章质量</p>
						</li>
						<li class="body_listc">
							<div style="background:linear-gradient(0deg,rgba(248,175,61,1),rgba(255,211,94,1));">
								<i class="iconfont icon-duigou" style="font-size: 34px;margin-left: 6px;line-height: 48px;"></i>
							</div>
							<p>课程回播随时观看</p>
							<p>细致把握专家意见，追溯文章修改难点</p>
						</li>
						<li class="body_listd">
							<div style="background:linear-gradient(0deg,rgba(54,169,245,1),rgba(99,210,255,1));">
								<i class="iconfont icon-bianjiwenzhang_huaban" style="font-size: 34px;margin-left: 6px;line-height: 48px;"></i>
							</div>
							<p>快速提高写作技巧</p>
							<p>差异化适配辅导专家，贴合作者因材施教</p>
						</li>
						<li class="body_liste">
							<div style="background:linear-gradient(0deg,rgba(244,74,108,1),rgba(252,144,176,1));">
								<i class="iconfont icon-huaxueqimin" style="font-size: 34px;margin-left: 6px;line-height: 48px;"></i>
							</div>
							<p>灵活掌握学习时间</p>
							<p>双向沟通授课时间，充分保障授课质量</p>
						</li>
						<li class="body_listf">
							<div style="background:linear-gradient(0deg,rgba(54,198,124,1),rgba(84,251,197,1));">
								<i class="iconfont icon-aixin" style="font-size: 34px;margin-left: 6px;line-height: 48px;"></i>
							</div>
							<p>加快审稿见刊进度</p>
							<p>期刊联盟保驾护航，提高录用成功率</p>
						</li>
						<div style="clear:both;"></div>
					</ul>
					<div class="onteach" @click="tomenuovo()">立即预约1对1辅导课</div>
				</div>
			</div>
		</div>
		<div class="mowhite"></div>
    <!-- <FootBase></FootBase> -->
    <!--  -->
    <!-- <NaviRight></NaviRight> -->
  </div>
</template>

<script>
// import router from "@/router/index";
//juqery
export default {
	name:'streamingHome',
  data() {
    return {
			// 医药邀请id
			ifsendurl:'',
			videolist:[],
    };
  },
  methods: {
		// 跳转回放列表 ==> 更多
		toBackAll(){
			this.$uniRouter.push({
				path:'/streaming/streamingAllBack'
			})
		},
		// 跳转回放图对应页面
		tomenuovolist(){
			this.$uniRouter.push({
				path:'/streaming/streamovoback',
				query:{
					OpenId:'4A1E67315EAAB5F6',
				}
			})
		},
		// 跳转到回放页面
		tomenuhuifahome(item,index){
			this.$uniRouter.push({
				path:'/streaming/streamingdetail',
				query:{
					OpCourseId:item.OpenCourseId,
					Hftype:2,
					type:2,
					title:item.Title,
					OpenId:item.OpenId,
					index:index,
					coursetype:0,
					contNav:2
				}
			})
		},
		// 获取回放六条列表
		getvideolist(){
			this.$httphelper.get('/api/LmCourseApi/GetHomePageLiveVideoList').then((res) => {
				this.videolist = res.data.data
			}).catch((err) => {
				console.log(err)
			})
		},
		// 跳转对应回放列表-普通
		scitomehuifa(){
			this.$uniRouter.push({
				path:'/streaming/streamingdetail',
				query:{
					OpCourseId:'96B511D03E2CA8B1',
					Hftype:2,
					type:2,
					title:'干预性研究设计',
					OpenId:'BD43DCE055C22672',
					coursetype:0,
					contNav:2
				}
			})
		},
		// 跳转相对应列表
		tostreHomelist(type){
			this.$uniRouter.push({
				path:'/streaming/streamingHome',
				query:{
					coursetype:type,
					contNav:type
				}
			})
		},
		// 1v1 跳转
		tomenuovo(){
			this.$uniRouter.push({
				path:'/streaming/streamingHome',
				query:{
					coursetype:3,
					contNav:1
				}
			})
		}
  },
	onLoad(){
		this.getvideolist()
	},
  mounted() {
		this.ifsendurl = this.$localStorage.search||''
    var theRequest = new Object();
    if (this.ifsendurl.indexOf("?") != -1) { 
      var str = this.ifsendurl.substr(1); 
      var strs = str.split("&");  
      for(var i = 0; i < strs.length; i ++) {  
        theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
      } 
      if(theRequest){
        this.registerCode = theRequest.p
        this.$localStorage.setItem('theRequest',theRequest.p)
        
        this.$httphelper.post('/api/LmUserApi/GetRegVisit',
        {
          OpenId:theRequest.p
        }).then((res) => {
          
        }).catch((err) => {
					console.log(err)
				})
      } else {
        window.location.href = 'http://bjlm.bosihw.com/register'
      }
    }
	},
};
</script>

<style lang="less" scoped>
#streamingHome {
	.ster_line{
		width: 100%;
		height: 2rpx;
		background: #C5E5FF;
	}
	.streamingHome_banner{
		width: 100%;
		height: 1040rpx;
		position: relative;
		margin: 0 auto;
		img{
			width: 100%;
			height: 100%;
		}
	}
	.streamingHome_conta{
		width: 100%;
		height: 1576rpx;
		// background: url('../../static/zbsy/zbbj1.png')no-repeat;
		background-size: cover;
		.streamingHome_conta_body{
			width: 2400rpx;
			margin: 0 auto;
			height:1320rpx;
			position: relative;
			.streamingHome_conta_body_tit{
				color:#000;
				font-size: 76rpx;
				text-align: center;
				position: relative;
				top: 120rpx;
				font-weight: bold;
				letter-spacing: 12rpx;
				font-family:Adobe Heiti Std;
			}
			.streamingHome_conta_body_list{
				width: 100%;
				height: 1172rpx;
				margin-top: 212rpx;
				.swiper-container {
					width: 100%;
					height: 100%;
				}
				.swiper-slide {
					width: 560rpx!important;
					height: 952rpx;
					font-size: 36rpx;
					background: #fff;
					margin-right: 52rpx;
					/* Center slide text vertically */
					display: -webkit-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
					-webkit-justify-content: center;
					justify-content: center;
					-webkit-box-align: center;
					-ms-flex-align: center;
					-webkit-align-items: center;
					align-items: center;
				}
				.swiper-button-next,.swiper-button-prev{
					position: absolute;
					top: 87%;
					right: 45%;
					z-index: 1;
					transform: translateY(-50%);
					display: block;
					width: 70rpx;
					height: 100rpx;
					border: 2rpx solid #003c80;
					color: #fff;
					background-image:none;
					margin-top: 80rpx;
					i{
						line-height: 102rpx;
						font-size: 58rpx;
						position: relative;
						left: 4rpx;
						color: #003c80;
						top: 0rpx;
						cursor: pointer;
					}
				}
				/deep/.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{
					background: #003c80;
					opacity: 1;
					i{
						color: #fff;
					}
				}
				.swiper-button-prev{
					left: 45%;
				}
				ul{
					width: 100%;
					height: 1172rpx;
					li{
						list-style: none;
						float: left;
						width: 560rpx;
						height: 952rpx;
						background:#fff;
						margin-right: 52rpx;
						padding: 40rpx 26rpx 50rpx 28rpx;
						.streamingHome_conta_body_list_top{
							border-bottom: 1px solid #F2F2F2;
							p:nth-child(1){
								color: #000000;
								font-size:28rpx;
								font-family:Adobe Heiti Std;
								font-weight:bold;
								margin-left: 30rpx;
							}
							p:nth-child(2){
								margin-top: 32rpx;
								margin-bottom: 34rpx;
								span{
									padding:2rpx 22rpx;
									display: inline-block;
									background: #F8F8F8;
									color: #939393;
									font-size: 28rpx;
									border-radius:20rpx;
								}
							}
						}
						.streamingHome_conta_body_list_bottom{
							width: 100%;
							height: 100%;
							ul{
								width: 100%;
								padding: 30rpx 18rpx;
								height: 578rpx;
								li{
									float: none;
									height: auto;
									padding:6rpx 0;
									width: 100%;
									// 恢复li的点
									// list-style: disc;
									i{
										float: left;
										width: 12rpx;
										height: 12rpx;
										border-radius: 50%;
										background: #000;
										margin-right: 10rpx;
										position: relative;
    								top: 12rpx;
									}
									span{
										width: 92%;
										float: right;
										font-size: 30rpx;
										color: #000;
										letter-spacing: 2rpx;
									}
								}
							}
							.streamingHome_conta_body_list_bottom_detail{
								width: 372rpx;
								height: 72rpx;
								border: 2rpx solid #003c80;
								color: #003c80;
								font-size: 32rpx;
								font-weight: bold;
								line-height: 72rpx;
								text-align: center;
								cursor: pointer;
								border-radius:36rpx;
								letter-spacing: 4rpx;
								margin: 0 auto;
							}
							.streamingHome_conta_body_list_bottom_detail:hover{
								background: #003c80;
								color: #fff;
							}
						}
					}
					li:last-child{
						margin-right: 0;
					}
				}
			}
		}
	}
	.streamingHome_contb{
		width: 100%;
		background: url('../../static/zbsy/zbbjbg2.png')no-repeat;
		background-size: cover;
		.streamingHome_contb_body{
			margin: 0 auto;
			position: relative;
			.streamingHome_contb_body_tit{
				color:#000;
				font-size: 76rpx;
				text-align: center;
				position: relative;
				top: 120rpx;
				font-weight: bold;
				letter-spacing: 12rpx;
				font-family:Adobe Heiti Std;
			}
			.streamingHome_contb_body_list{
				width: 100%;
				height: auto;
				margin-top: 212rpx;
				.streamingHome_contb_body_list_top{
					width: 100%;
					height: 736rpx;
					position: relative;
					.streamingHome_contb_body_list_top_image{
						width: 1154rpx;
						height: 736rpx;
						display: inline-block;
						position: relative;
						.streamingHome_contb_body_list_top_image_cover{
							width: 100%;
							height: 112rpx;
							background:rgba(0,0,0,0.4);
							position: absolute;
							bottom: 0;
							color: #FFFFFF;
							font-size: 50rpx;
							line-height: 112rpx;
							text-align: center;
						}
						.streamingHome_contb_body_list_top_image_cover_middle{
							width:326rpx;
							height:96rpx;
							background:rgba(0,0,0,0.8);
							position: absolute;
							top: 308rpx;
							left: 414rpx;
							line-height: 96rpx;
							text-align: center;
							cursor: pointer;
							i{
								color: #fff;
								font-size: 50rpx;
								position: relative;
								left: -18rpx;
							}
							span{
								font-weight: bold;
								font-size: 40rpx;
								color: #fff;
								position: relative;
    						top: -6rpx;
							}
						}
					}
					.streamingHome_contb_body_list_top_image:nth-child(1){
						background: url('../../static/zb/ydy.png')no-repeat;
						background-size: cover;
					}
					.streamingHome_contb_body_list_top_image:nth-child(2){
						margin-left: 84rpx;
						background: url('../../static/zb/yxlwt.png')no-repeat;
						background-size: cover; 
					}
				}
			
				.streamingHome_contb_body_list_More{
					width: 372rpx;
					height: 72rpx;
					border: 2rpx solid #003c80;
					color: #003c80;
					font-size: 32rpx;
					font-weight: bold;
					line-height: 72rpx;
					text-align: center;
					cursor: pointer;
					border-radius: 36rpx; 
					letter-spacing: 4rpx;
					margin: 0 auto;
					margin-top: 70rpx;
				}
			}
		}
	}
	.streamingHome_contc{
		width: 100%;
		height: 1470rpx;
		background: url('../../static/zbsy/zbbjbg3.png')no-repeat;
		background-size: cover;
		margin-top: 40rpx;
		.streamingHome_contc_body{
			width: 2400rpx;
			margin: 0 auto;
			height: 1434rpx;
			position: relative;
			.streamingHome_contc_body_tit{
				color:#000;
				font-size: 76rpx;
				text-align: center;
				position: relative;
				top: 120rpx;
				font-weight: bold;
				letter-spacing: 12rpx;
				font-family:Adobe Heiti Std;
			}
			.streamingHome_contc_body_list{
				width: 100%;
				height: auto;
				margin-top: 212rpx;
				ul{
					padding: 0;
					width: 100%;
					height: 928rpx;
					li{
						list-style: none;
						width: 760rpx;
						// height: 233px;
						border-radius:20rpx;
						background: #fff;
						float: left;
						margin-right: 60rpx;
						margin-bottom: 64rpx;
						padding: 44rpx 46rpx;
						div{
							width: 92rpx;
							height: 92rpx;
							border-radius:50%;
							i{
								color:#fff;
								font-size: 48rpx;
								text-align: center;
								line-height: 86rpx;
								margin-left: 20rpx;
							}
						}
						p:nth-child(2){
							color: #000;
							font-size: 48rpx;
							margin-top: 40rpx;
							font-weight: bold;
						}
						p:nth-child(3){
							margin-top: 38rpx;
							color: #717171;
							font-size: 32rpx;
							letter-spacing: 2rpx;
						}
						p:nth-child(4){
							font-size: 32rpx;
							color: #717171;
							letter-spacing: 2rpx;
							margin-top: 6rpx;
						}
					}
					li:nth-child(3),li:nth-child(6){
						margin-right: 0;
					}
				}
				.onteach{
					width: 602rpx;
					height: 116rpx;
					background:linear-gradient(0deg,rgba(235,27,42,1),rgba(255,108,116,1));
					box-shadow:0px 2rpx 20rpx 0px rgba(139,0,11,0.46);
					border-radius:58rpx;
					font-size:52rpx;
					font-family:Adobe Heiti Std;
					font-weight:bold;
					color:#fff;
					margin: 0 auto;
					text-align: center;
					line-height: 116rpx;
					// margin-top: 78px;
					cursor: pointer;
				}
			}
		}
	}
	/deep/.footBot{
		margin-top: 0px!important;
	}
}
@media screen and (max-width: 1010px) {
	.streamingHome_banner{
		display: none;
	}
	.webstrming{
		display: none;
	}
	.streamingHome{
		width: 100%;
		height: 100rpx;
		background: #f8f8ff;
	}
	.mostreamingHome_banner{
		width: 100%;
		// margin-top: 86rpx;
		img{
			width: 100%;
		}
	}
	.streamingHome_conta{
		.streamingHome_conta_img{
			width: 100%;
			position: absolute;
		}
		height: 1080rpx!important;
		.streamingHome_conta_body{
			width: 100%!important;
			.streamingHome_conta_body_tit{
				font-size: 44rpx!important;
				padding:10rpx;
				top: 34rpx!important;
				letter-spacing: 0px!important;
			}
			.streamingHome_conta_body_listB{
				width: 94%;
				margin-top: 82rpx!important;
				overflow: hidden;
				overflow-x: auto;
				margin: 0 auto;
				ul{
					width: 388%;
					height: 898rpx;
					li{
						list-style: none;
						float: left;
						width: 19%;
						height: 852rpx;
						background:#fff;
						margin-right: 22rpx;
						padding: 30rpx 12rpx;
						.streamingHome_conta_body_list_top{
							border-bottom: 2rpx solid #F2F2F2;
							p:nth-child(1){
								color: #000000;
								font-size:36rpx;
								font-family:Adobe Heiti Std;
								font-weight:bold;
								margin-left: 6rpx;
							}
							p:nth-child(2){
								margin-top: 32rpx;
								margin-bottom: 34rpx;
								overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 1;  
                line-clamp: 1;
                white-space:nowrap;
								span{
									padding:2rpx 14rpx;
									display: inline-block;
									background: #F8F8F8;
									color: #939393;
									font-size: 28rpx;
									border-radius:20rpx;
								}
							}
						}
						.streamingHome_conta_body_list_bottom{
							width: 100%;
							height: 100%;
							ul{
								width: 100%;
								padding: 10rpx;
								height: 606rpx;
								li{
									float: none;
									height: auto;
									padding:6rpx 0;
									width: 100%;
									// 恢复li的点
									// list-style: disc;
									i{
										float: left;
										width: 8rpx;
										height: 8rpx;
										border-radius: 50%;
										background: #000;
										margin-right:10rpx;
										position: relative;
										top: 12rpx;
									}
									span{
										width: 92%;
										float: right;
										font-size: 30rpx;
										color: #000;
										letter-spacing: 1px;
									}
								}
							}
							.streamingHome_conta_body_list_bottom_detail{
								width: 80%;
								height: 70rpx;
								border: 2px solid #003c80;
								color: #003c80;
								font-size: 32rpx;
								font-weight: bold;
								line-height: 70rpx;
								text-align: center;
								cursor: pointer;
								border-radius: 36rpx;
								letter-spacing: 4rpx;
								margin: 0 auto;
							}
							.streamingHome_conta_body_list_bottom_detail:hover{
								background: #003c80;
								color: #fff;
							}
						}
					}
					li:last-child{
						margin-right: 0;
					}
				}
			}
		}
	}
	.streamingHome_contb{
		.streamingHome_contb_img{
			width: 100%;
			position: absolute;
		}
		height: auto!important;
		.streamingHome_contb_body{
			width: 100%!important;
			height: auto!important;
			.streamingHome_contb_body_tit{
				font-size: 44rpx!important;
				padding:10rpx;
				top: 54rpx!important;
				letter-spacing: 0px!important;
			}
			.streamingHome_contb_body_listB{
				width: 94%!important;
				margin: 0 auto;
				margin-top: 90rpx!important;
				.streamingHome_contb_body_list_top{
					width: 100%;
					.streamingHome_contb_body_list_top_image{
						width: 46.5%!important;
						// height: 186px!important;
						float: left;
						padding: 12rpx;
						position: relative;
						img{
							width: 100%;
							height: 100%;
						}
						.streamingHome_contb_body_list_top_image_cover_middle{
							width: 200rpx;
    					height: 68rpx;
							background:rgba(0,0,0,0.8);
							position: absolute;
							top: 51%;
    					left: 22%;
							line-height: 96rpx;
							text-align: center;
							cursor: pointer;
							i{
								color: #fff;
								font-size: 36rpx;
								position: relative;
								left: -6rpx;
								top: -12rpx;
							}
							span{
								font-weight: bold;
								font-size: 28rpx;
								color: #fff;
								position: relative;
								top: -6rpx;
								top: -16rpx;
							}
						}
					}
				}
				.streamingHome_contb_body_list_bottom{
					width: 100%;
					margin-top: 30rpx;
					ul{
						width: 100%;
						li:hover{
							span:nth-child(1){
								i{
									color: #003c80;
								}
								span{
									color: #003c80;
								}
							}
						}
						li{
							list-style: none;
							width: 93%;
							height: 56rpx;
							background: #F8F8FF;
							padding: 0rpx 28rpx;
							line-height: 56rpx;
							float: left;
							cursor: pointer;
							margin-bottom: 58rpx;
							margin-right: 96rpx;
							span:nth-child(1){
								float: left;
								display: flex;
								span{
									color: #000000;
									font-size: 28rpx;
									// font-weight: bold;
								}
								i{
									color: #7C7C7C;
									margin-right: 18rpx;
									font-size: 44rpx;
									font-weight: normal;
								}
							}
							span:nth-child(2){
								float: right;
								color: #747474;
								font-size: 28rpx;
							}
						}
						li:nth-child(2),li:nth-child(4),li:nth-child(6){
							margin-right: 0;
						}
					}
				}
			}
		}
	}
	.streamingHome_contc{
		.streamingHome_contc_img{
			width: 100%;
			position: absolute;
		}
		height: 2320rpx!important;
		.streamingHome_contc_body{
			height: auto!important;
			width: 100%!important;
			.streamingHome_contc_body_tit{
				font-size: 44rpx!important;
				padding:10rpx;
				top: 52rpx!important;
				letter-spacing: 0px!important;
			}
			.streamingHome_contc_body_list{
				width: 94%!important;
				margin: 0 auto;
				margin-top: 116rpx!important;
				ul{
					height: auto!important;
					li{
						width: 94%!important;
						padding: 12rpx 26rpx!important;
						margin-bottom: 30rpx!important;
						div{
							width: 76rpx!important;
							height: 76rpx!important;
							i{
								font-size: 40rpx!important;
								line-height: 86rpx!important;
							}
						}
						p:nth-child(2){
							font-size:36rpx!important;
						}
						p:nth-child(3){
							margin-top: 16rpx;
						}
					}
					.body_listb{
						i{
							font-size: 52rpx!important;
							margin-left: 12rpx!important;
							line-height: 82rpx!important;
						}
					}
					.body_listc{
						i{
							font-size: 60rpx!important;
							margin-left: 8rpx;
							line-height: 84rpx!important;
							margin-left: 8rpx!important;
						}
					}
					.body_listd{
						i{
							font-size: 58rpx!important;
							margin-left: 8rpx!important;
							line-height: 82rpx!important;
						}
					}
					.body_liste{
						i{
							font-size: 58rpx!important;
							margin-left: 10rpx!important;
							line-height: 78rpx!important;
						}
					}
					.body_listf{
						i{
							font-size: 48rpx!important;
							margin-left: 14rpx!important;
							line-height: 86rpx!important;
						}
					}
				}
			}
		}
		.onteach{
			width: 80%!important;
			height: 76rpx!important;
			margin-top: 52rpx!important;
			font-size:44rpx!important;
			line-height: 76rpx!important;
		}
	}
	.mowhite{
		width: 100%;
		height: 100rpx;
		background: #fff;
	}
}
@media screen and (min-width:1010px){
	.streamingHome_conta_img{
		display: none;
	}
	.streamingHome_contb_img{
		display: none;
	}
	.streamingHome_contc_img{
		display: none;
	}
	.mostreamingHome_banner{
	}
	.mostrming{
		display: none;
	}
	.mowhite{
		display: none;
	}
}
</style>
